<template>
	<el-col :span="spans">
		<el-form-item :label="labelName" :label-width="GLOBAL.formLabelWidth" :prop="propVal">
			<el-input v-model="val"  autocomplete="off" :placeholder="'请填写'+ (labelName == '身份证号' ?'身份证号后六位': labelName)" @input="inputChange" :disabled="disabled" clearable></el-input>
		</el-form-item>
	</el-col>
</template>

<script>
	export default{
		props:['spans','propVal','labelName','value','disabled'],
		data(){
			return{
				val:''
			}
		},
		methods:{
			inputChange(){
				this.$emit('inputEvent',this.val,this.propVal)
			}
		},
		watch:{
			'value':{
				handler(newVal){
					this.val = newVal
				},
				 immediate: true, 
				 deep: true
			},
		}
		
	}
</script>

<style>
</style>
